<template>
    <div class="Statistic"
        style="border-right:7px solid #f5f6f8;padding: 20px;border-bottom:7px solid #f5f6f8; background-color: white">
        <div class="Logo">
            <div style="margin-right: 10px;border-radius: 8px; overflow: hidden;width: 48px;height: 48px;">
                <img :src="store.$state.userData.staffPhoto" alt="" style="width: 48px;">
            </div>
            <div>
                <!-- {{ store.$state.userData }} -->
                <div>江苏传智播客教育科技股份有限公司</div>
                <div style="color: #748198;font-size: 15px;margin-top: 5px">{{ store.$state.userData.username }} |
                    {{ store.$state.userData.company }}-总裁办</div>
            </div>
        </div>
        <div style="display: flex;flex-wrap: wrap;">
            <div style="width:180px;">
                <el-statistic title="组织总人数" :value="outputValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="正式员工" :value="employeeTotalValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="合同带签署" :value="toBeEmployedValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="待入职" :value="regularEmployeeTotalValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="本月待转正" :value="toBeConfirmedValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="本月待离职" :value="toBeDismissedValue" />
            </div>
            <div style="width:180px;">
                <el-statistic title="接口总访问" :value="interfaceAccessTotalValue" />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useStore } from '@/stores/counter'
const store = useStore()
defineProps(['outputValue', 'employeeTotalValue', 'interfaceAccessTotalValue', 'regularEmployeeTotalValue', 'toBeConfirmedValue', 'toBeDismissedValue', 'toBeEmployedValue'])
</script>

<style scoped></style>